﻿@model NTQOnlineExamFrontend.Models.RegisterModel

@{
    ViewBag.Title = "Sign Up Account";
    Layout = "~/Views/Shared/_Login.cshtml";
}
<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
    <div class="sign-form">
        <div class="sign-inner">
            <h3 class="first-child">Create New Account</h3>
            <hr>
            @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { model = Model, id = "register" }))
            {
                @Html.AntiForgeryToken()    
                @Html.ValidationSummary(true)
                <div class="form-group">
                    <div class="row">
                        <div class="register-input">
                            @Html.TextBoxFor(model => model.UserName, new { @class = "form-control", placeholder = "User name" })
                            @Html.ValidationMessageFor(model => model.UserName)
                        </div>
                        <div class="required">
                            *
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="register-input">
                            @Html.PasswordFor(model => model.Password, new { @class = "form-control", placeholder = "Password" })
                            @Html.ValidationMessageFor(model => model.Password)
                        </div>
                        <div class="required">
                            *
                        </div>
                        <div class="register-input">
                            @Html.PasswordFor(model => model.ConfirmPassword, new { @class = "form-control", placeholder = "Confirm password" })
                            @Html.ValidationMessageFor(model => model.ConfirmPassword)
                        </div>
                        <div class="required">
                            *
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="register-input">
                            @Html.TextBoxFor(model => model.FirstName, new { @class = "form-control", placeholder = "First name" })
                            @Html.ValidationMessageFor(model => model.FirstName)

                        </div>
                        <div class="required">
                            *
                        </div>
                        <div class="register-input">
                            @Html.TextBoxFor(model => model.LastName, new { @class = "form-control", placeholder = "Last name" })
                            @Html.ValidationMessageFor(model => model.LastName)
                        </div>
                        <div class="required">
                            *
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="register-input-large">
                            @Html.TextBoxFor(model => model.Email, new { @class = "form-control", placeholder = "Email address" })
                            @Html.ValidationMessageFor(model => model.Email)
                        </div>
                        <div class="required">
                            *
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="register-input-large">
                            @Html.TextBoxFor(model => model.Address, new { @class = "form-control", placeholder = "Address" })
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="register-input">
                            @*      @Html.LabelFor(model => model.ZipCode)*@
                            @Html.TextBoxFor(model => model.ZipCode, new { @class = "form-control", placeholder = "Zip code" })

                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="register-input">
                            @*   @Html.LabelFor(model => model.Phone)*@
                            @Html.TextBoxFor(model => model.Phone, new { @class = "form-control", placeholder = "Phone number" })

                        </div>
                        <div class="register-input">
                            @*@Html.LabelFor(model => model.POBox)*@
                            @Html.TextBoxFor(model => model.POBox, new { @class = "form-control", placeholder = "PO Box" })
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="register-input">
                            @* @Html.LabelFor(model => model.City)*@
                            @Html.TextBoxFor(model => model.City, new { @class = "form-control", placeholder = "City" })

                        </div>
                        <div class="register-input">
                            @*  @Html.LabelFor(model => model.Country)*@
                            @Html.TextBoxFor(model => model.Country, new { @class = "form-control", placeholder = "Country" })
                            @Html.ValidationMessageFor(model => model.Country)
                        </div>
                    </div>
                </div>
                <div class="controls">
                    <button type="submit" class="btn btn-red">Register</button>
                </div>
            }

        </div>
    </div>
</div>
